<template>
	<view class="bjxx">
		<view class="wrap" style="width: 93%;margin: 0 auto;">
			<!-- 基本信息 -->
			<view id="jcxx">
				<view style="border-radius: 10px;">

					<view class="msg-wrap"
						style="background-color: #ffffff;border-radius:16px 16px 16px 16px ; padding: 24rpx 24rpx 0 24rpx;">
						<view class="form-list-head-msg dis">
							<view class="red-line"></view>
							<view class="form-list-head-msg-left">您的基础信息</view>
						</view>
						<view class="msg-wrap-msg" style="display: flex; align-items: center;padding-bottom: 8rpx">
							<view class="msg-wrap-left">姓名</view>
							<view class="msg-wrap-right msg-wrap-right-name input-box" style="margin-left: -70rpx;">
								<input type="text"placeholder-style="color:#C3C3C3" maxlength="10"
									v-model="form.name" placeholder="请填写真实姓名"
									style="text-align: left;direction: ltr;" />

								<view class="uni-radio-gender-list">
									<radio-group @change="genderChange"
										style="display: flex;color: #C3C3C3;transform: scale(0.6);">
										<radio class="xb" value="1" :checked="form.gender == 1"> 男</radio>
										<radio class="xb" value="2" :checked="form.gender == 2"
											style="margin-left: 36rpx;"> 女 </radio>
									</radio-group>
								</view>
							</view>
						</view>

						<!-- 学历 -->
						<view class="msg-wrap-msg">
							<view class="msg-wrap-left">学历</view>
							<view class="msg-wrap-right">
								<picker :range="educationOptions.map(item => item.label)" :value="educationIndex"
									@change="educationChange">
									<view class="picker-box">
										<text :class="educationIndex === -1 ? 'placeholder' : 'selected'">
											{{ educationIndex === -1 ? '请选择' : educationOptions[educationIndex].label }}
										</text>
										<text class="arrow-down">⌄</text>
									</view>
								</picker>
							</view>
						</view>


						<!-- 职业 -->
						<view class="msg-wrap-msg">
							<view class="msg-wrap-left">职业</view>
							<view class="msg-wrap-right ">
								<picker :range="companyOptions.map(item => item.label)" :value="companyIndex"
									@change="companyChange">
									<view class="picker-box">
										<text :class="companyIndex === -1 ? 'placeholder' : 'selected'">
											{{ companyIndex === -1 ? '请选择' : companyOptions[companyIndex].label }}
										</text>
										<text class="arrow-down">⌄</text>
									</view>
								</picker>

							</view>
						</view>
						<!-- 行业 -->
						<view class="msg-wrap-msg">
							<view class="msg-wrap-left">行业</view>
							<view class="msg-wrap-right ">
								<picker :range="industryoptions.map(item => item.label)" :value="industryIndex"
									@change="industryChange">
									<view class="picker-box">
										<text :class="industryIndex === -1 ? 'placeholder' : 'selected'">
											{{ industryIndex === -1 ? '请选择' : industryoptions[industryIndex].label }}
										</text>
										<text class="arrow-down">⌄</text>
									</view>
								</picker>
							</view>
						</view>
						<!-- 借款用途 -->
						<view class="msg-wrap-msg">
							<view class="msg-wrap-left">借款用途</view>
							<view class="msg-wrap-right ">
								<picker :range="purposeOptions.map(item => item.label)" :value="purposeIndex"
									@change="purposeChange">
									<view class="picker-box">
										<text :class="purposeIndex === -1 ? 'placeholder' : 'selected'">
											{{ purposeIndex === -1 ? '请选择' : purposeOptions[purposeIndex].label }}
										</text>
										<text class="arrow-down">⌄</text>
									</view>
								</picker>
							</view>
						</view>
						<!-- 月收入 -->
						<view class="msg-wrap-msg">
							<view class="msg-wrap-left">月收入</view>
							<view class="msg-wrap-right ">
								<picker :range="salaryOfMonth.map(item => item.label)" :value="salaryIndex"
									@change="salaryChange">
									<view class="picker-box">
										<text :class="salaryIndex === -1 ? 'placeholder' : 'selected'">
											{{ salaryIndex === -1 ? '请选择' : salaryOfMonth[salaryIndex].label }}
										</text>
										<text class="arrow-down">⌄</text>
									</view>
								</picker>
							</view>
						</view>
						<!-- 婚姻状况 -->
						<view class="msg-wrap-msg">
							<view class="msg-wrap-left">婚姻状况</view>
							<view class="msg-wrap-right ">
								<picker :range="marriageOptions.map(item => item.label)" :value="marriageIndex"
									@change="marryChange">
									<view class="picker-box">
										<text :class="marriageIndex === -1 ? 'placeholder' : 'selected'">
											{{ marriageIndex === -1 ? '请选择' : marriageOptions[marriageIndex].label }}
										</text>
										<text class="arrow-down">⌄</text>
									</view>
								</picker>
							</view>
						</view>
						<!-- 单位名称 -->
						<view class="msg-wrap-msgd">
							<view class="msg-wrap-left">单位名称</view>
							<view class="msg-wrap-right msg-wrap-right-age input-box">
								<input  placeholder-style="color:#C3C3C3" maxlength="2"
									v-model="form.businessName" placeholder="请输入"
									style="text-align: left;direction: ltr;" />

							</view>
						</view>

						<!-- 单位地址 -->
						<view class="msg-wrap-msgd">
							<view class="msg-wrap-left">单位地址</view>
							<view class="msg-wrap-right msg-wrap-right-age input-box">
								<input  placeholder-style="color:#C3C3C3" maxlength="2"
									v-model="form.businessAddress" placeholder="请输入省市区详细地址"
									style="text-align: left;direction: ltr;" />

							</view>
						</view>
						<!-- 家庭地址 -->
						<view class="msg-wrap-msgd">
							<view class="msg-wrap-left">家庭地址</view>
							<view class="msg-wrap-right msg-wrap-right-age input-box">
								<input  placeholder-style="color:#C3C3C3" maxlength="2"
									v-model="form.address" placeholder="请输入" style="text-align: left;direction: ltr;" />

							</view>
						</view>
					</view>


				</view>
				<!-- 第一联系人 -->
				<view class="wrap" style="width:100%;margin: 0 auto;">
					<view id="jcxx">
						<view style="border-radius: 10px;">

							<view class="msg-wrap"
								style="background-color: #ffffff;border-radius:16px 16px 16px 16px ; padding: 24rpx 24rpx 0 24rpx;">
								<view class="form-list-head-msg dis">
									<view class="red-line"></view>
									<view class="form-list-head-msg-left">第一联系人</view>
								</view>
								<view class="msg-wrap-msgd">
									<view class="msg-wrap-left">姓名</view>
									<view class="msg-wrap-right msg-wrap-right-age ">
										<input  placeholder-style="color:#C3C3C3"
											v-model="form.firstName" placeholder="请输入"
											style="text-align: left;direction: ltr;" />

									</view>
								</view>
								<view class="msg-wrap-msgd">
									<view class="msg-wrap-left">手机号</view>
									<view class="msg-wrap-right msg-wrap-right-age ">
										<input type="number"  placeholder-style="color:#C3C3C3"
											maxlength="11" v-model="form.firstPhone" placeholder="请输入"
											style="text-align: left;direction: ltr;" />

									</view>
								</view>
								<view class="msg-wrap-msg" style="margin-top: 16rpx; padding-bottom: 60rpx;">
									<view class="msg-wrap-left">关系</view>
									<view class="msg-wrap-right ">


										<picker :range="firstRelationship.map(item => item.label)" :value="firstIndex"
											@change="firstChange">
											<view class="picker-box">
												<text :class="firstIndex === -1 ? 'placeholder' : 'selected'">
													{{ firstIndex === -1 ? '请选择' : firstRelationship[firstIndex].label }}
												</text>
												<text class="arrow-down">⌄</text>
											</view>
										</picker>
									</view>
								</view>


							</view>
						</view>
					</view>
				</view>
				<!-- 第二联系人 -->
				<view class="wrap" style="width: 100%;margin: 0 auto;">
					<view id="jcxx">
						<view style="border-radius: 10px;">

							<view class="msg-wrap"
								style="background-color: #ffffff;border-radius:16px 16px 16px 16px ; padding: 24rpx 24rpx 0 24rpx;">
								<view class="form-list-head-msg dis">
									<view class="red-line"></view>
									<view class="form-list-head-msg-left">第二联系人</view>
								</view>
								<view class="msg-wrap-msgd">
									<view class="msg-wrap-left">姓名</view>
									<view class="msg-wrap-right msg-wrap-right-age ">
										<input  placeholder-style="color:#C3C3C3" 
											v-model="form.secondName" placeholder="请输入"
											style="text-align: left;direction: ltr;" />

									</view>
								</view>
								<view class="msg-wrap-msgd">
									<view class="msg-wrap-left">手机号</view>
									<view class="msg-wrap-right msg-wrap-right-age ">
										<input type="number"  placeholder-style="color:#C3C3C3"
											maxlength="11" v-model="form.secondPhone" placeholder="请输入"
											style="text-align: left;direction: ltr;" />

									</view>
								</view>

								<view class="msg-wrap-msg" style="margin-top: 16rpx;padding-bottom: 60rpx;">
									<view class="msg-wrap-left">关系</view>
									<view class="msg-wrap-right">
										<picker :range="secondRelationship.map(item => item.label)" :value="secondIndex"
											@change="secondChange">
											<view class="picker-box">
												<text :class="secondIndex === -1 ? 'placeholder' : 'selected'">
													{{ secondIndex === -1 ? '请选择' : secondRelationship[secondIndex].label }}
												</text>
												<text class="arrow-down">⌄</text>
											</view>
										</picker>

									</view>
								</view>

							</view>
						</view>
					</view>
				</view>
				<view class="gobutton" @click="loginclick">
					<text>下一步</text>
				</view>
			</view>

		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					gender: '1',
					educationLevel: '',
					company: '',
					purpose: '',
					salaryOfMonth: '',
					marriage: '',
					businessName: '',
					businessAddress: '',
					address: '',
					firstName: '',
					firstPhone: '',
					firstRelationship: '',
					secondName: '',
					secondPhone: '',
					secondRelationship: '',
					industry: ''
				},
				companyIndex: -1,
				educationIndex: -1,
				industryIndex: -1,
				purposeIndex: -1,
				salaryIndex: -1,
				marriageIndex: -1,
				firstIndex: -1,
				secondIndex: -1,

				genderOptions: [{
						label: '男',
						value: 1
					},
					{
						label: '女',
						value: 2
					}
				],
				educationOptions: [{
						label: '未知',
						value: 0
					}, {
						label: '初中',
						value: 1
					},
					{
						label: '高中',
						value: 2
					}, {
						label: '中专',
						value: 3
					},
					{
						label: '大专',
						value: 4
					}, {
						label: '本科及以上',
						value: 5
					},

				],

				companyOptions: [{
						label: '农民/工人',
						value: 0
					}, {
						label: '教师',
						value: 1
					},
					{
						label: '上班族',
						value: 2
					}, {
						label: '私营业主',
						value: 3
					},
					{
						label: '自由职业者',
						value: 4
					},
					{
						label: '在校学生',
						value: 5
					},
					{
						label: '其他',
						value: 6
					}
				],

				industryoptions: [{
						label: '未知',
						value: 0
					},
					{
						label: '农业/林业/畜牧业/渔业',
						value: 1
					},
					{
						label: '采矿业',
						value: 2
					},
					{
						label: '制造业',
						value: 3
					},
					{
						label: '电力/热力/燃气/水生产/供应业',
						value: 4
					},
					{
						label: '建筑业',
						value: 5
					},
					{
						label: '批发/零售业',
						value: 6
					},
					{
						label: '交通运输/仓储业/邮政业',
						value: 7
					},
					{
						label: '住宿/餐饮业',
						value: 8
					},
					{
						label: '信息传输/软件/信息技术服务业',
						value: 9
					},
					{
						label: '金融业',
						value: 10
					},
					{
						label: '房地产业',
						value: 11
					},
					{
						label: '租赁/商务服务业',
						value: 12
					},
					{
						label: '科学研究/技术服务业',
						value: 13
					},
					{
						label: '水利/环境/公共设施管理业',
						value: 14
					},
					{
						label: '居民服务/修理其他服务业',
						value: 15
					},
					{
						label: '卫生/社会工作',
						value: 16
					},
					{
						label: '文化/体育/娱乐业/公共管理/社会保障/社会组织/国际组织',
						value: 17
					}
				],

				purposeOptions: [{
						label: '其他贷款',
						value: 0
					}, {
						label: '购房贷款',
						value: 1
					},
					{
						label: '装修贷款',
						value: 2
					}, {
						label: '购车贷款',
						value: 3
					},
					{
						label: '教育培训贷款',
						value: 4
					}, {
						label: '旅游贷款',
						value: 5
					},
					{
						label: '医疗贷款',
						value: 6
					}, {
						label: '消费贷款',
						value: 7
					}
				],
				salaryOfMonth: [{
					label: '0-3000',
					value: 1,
				}, {
					label: '3000-6000',
					value: 2,
				}, {
					label: '6000-10000',
					value: 3,
				}, {
					label: '10000-15000',
					value: 4,
				}, {
					label: '15000-20000',
					value: 5,
				}, {
					label: '20000以上',
					value: 6,
				}],
				marriageOptions: [{
						label: '未婚',
						value: 1
					}, {
						label: '已婚',
						value: 2
					},
					{
						label: '离异',
						value: 3
					}, {
						label: '丧偶',
						value: 4
					}
				],
				firstRelationship: [{
						label: '父亲',
						value: 1
					}, {
						label: '母亲',
						value: 2
					},
					{
						label: '配偶',
						value: 3
					}, {
						label: '儿子',
						value: 4
					}, {
						label: '女儿',
						value: 5
					}, {
						label: '哥哥',
						value: 6
					}, {
						label: '弟弟',
						value: 7
					}, {
						label: '姐姐',
						value: 8
					}, {
						label: '妹妹',
						value: 9
					}
				],
				secondRelationship: [{
						label: '同事',
						value: 1
					}, {
						label: '朋友',
						value: 2
					},
					{
						label: '同学',
						value: 3
					}, {
						label: '其他',
						value: 4
					}
				],
				houseOptions: [{
					label: '无房',
					value: 0
				}, {
					label: '有房',
					value: 1
				}],
				carOptions: [{
					label: '无车',
					value: 0
				}, {
					label: '有车',
					value: 1
				}],
				insuranceOptions: [{
					label: '无保单',
					value: 0
				}, {
					label: '有保单',
					value: 1
				}],
				socialSecurityOptions: [{
					label: '无社保',
					value: 0
				}, {
					label: '有社保',
					value: 1
				}],
				creditOptions: [{
					label: '有信用卡',
					value: 1
				}, {
					label: '无信用卡',
					value: 2
				}],
				sesameOptions: [{
						label: '无',
						value: 0
					}, {
						label: '500以下',
						value: 1
					},
					{
						label: '500-599',
						value: 2
					}, {
						label: '600-649',
						value: 3
					},
					{
						label: '650-700',
						value: 4
					}, {
						label: '700以上',
						value: 5
					}
				],
				fundOptions: [{
						label: '无公积金',
						value: 0
					}, {
						label: '有公积金（六月以上）',
						value: 1
					},
					{
						label: '六月以下',
						value: 2
					}
				],
				array: ['中国', '美国', '巴西', '日本'],
				index: -1

			}
		},

		methods: {
			loginclick() {
				// if (!this.form.name ) {
				// 	uni.showToast({
				// 		title: '请输入姓名',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.gender === '') {
				// 	uni.showToast({
				// 		title: '请选择性别',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.educationLevel === '') {
				// 	uni.showToast({
				// 		title: '请选择学历',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.company === '') {
				// 	uni.showToast({
				// 		title: '请选择职业',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.industry === '') {
				// 	uni.showToast({
				// 		title: '请选择行业',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.purpose === '') {
				// 	uni.showToast({
				// 		title: '请选择借款用途',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.salaryOfMonth === '') {
				// 	uni.showToast({
				// 		title: '请选择月收入',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.marriage === '') {
				// 	uni.showToast({
				// 		title: '请选择婚姻状况',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (!this.form.businessName) {
				// 	uni.showToast({
				// 		title: '请输入单位名称',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (!this.form.businessAddress) {
				// 	uni.showToast({
				// 		title: '请输入单位地址',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (!this.form.address) {
				// 	uni.showToast({
				// 		title: '请输入家庭地址',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (!this.form.firstName) {
				// 	uni.showToast({
				// 		title: '请输入第一联系人姓名',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (!this.form.firstPhone) {
				// 	uni.showToast({
				// 		title: '请输入第一联系人手机号',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.firstRelationship === '') {
				// 	uni.showToast({
				// 		title: '请选择与第一联系人关系',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (!this.form.secondName) {
				// 	uni.showToast({
				// 		title: '请选择与第二联系人姓名',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (!this.form.secondPhone) {
				// 	uni.showToast({
				// 		title: '请选择与第二联系人手机号',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// if (this.form.secondRelationship === '') {
				// 	uni.showToast({
				// 		title: '请选择与第二联系人关系',
				// 		icon: 'none'
				// 	});
				// 	return;
				// }
				// console.log(this.form, 'this.form')
				uni.navigateTo({
					url: '/pagesB/createRating/zcMsg',
				success: res => {
				    res.eventChannel.emit('passFormA', {formA:this.form});
				  }

				});
			},

			genderChange(val) {
				this.form.gender = val.detail.value
				console.log(this.form.gender, 'this.form.gender')
			},
			educationChange(val) {
				this.educationIndex = val.detail.value;
				this.form.educationLevel = this.educationOptions[this.educationIndex].value;
				console.log(this.form.educationLevel, 'this.form.gender')
			},
			companyChange(val) {
				this.companyIndex = val.detail.value;
				this.form.company = this.companyOptions[this.companyIndex].value;
				console.log(this.form.company, 'this.form.gender')
			},
			purposeChange(val) {
				this.purposeIndex = val.detail.value;
				this.form.purpose = this.purposeOptions[this.purposeIndex].value;
				console.log(this.form.purpose, 'this.form.gender')
			},
			industryChange(val) {
				this.industryIndex = val.detail.value;
				this.form.industry = this.industryoptions[this.industryIndex].value;
				console.log(this.form.industry, 'this.form.gender')
			},
			salaryChange(val) {
				this.salaryIndex = val.detail.value;
				this.form.salaryOfMonth = this.salaryOfMonth[this.salaryIndex].value;
				console.log(this.form.salaryOfMonth, 'this.form.gender')
			},
			marryChange(val) {
				this.marriageIndex = val.detail.value;
				this.form.marriage = this.marriageOptions[this.marriageIndex].value;
				console.log(this.form.marriage, 'this.form.gender')

			},
			firstChange(val) {
				this.firstIndex = val.detail.value;
				this.form.firstRelationship = this.firstRelationship[this.firstIndex].value;
				console.log(this.form.firstRelationship, 'this.form.gender')
			},
			secondChange(val) {
				this.secondIndex = val.detail.value;
				this.form.secondRelationship = this.secondRelationship[this.secondIndex].value;
				console.log(this.form.secondRelationship, 'this.form.gender')
			}

		}
	}
</script>

<style scoped lang="scss">
	.bjxx {
		background-image: url('@/static/createRate/bj1.png');
		width: 100vw;
		background-size: 100% 100%;
		padding: 48rpx 0;
	}

	.msg-wrap {
		margin-bottom: 40rpx;

	}

	.form-list-head-msg {
		padding: 12rpx 12rpx;

	}

	.red-line {
		margin-left: -35rpx;
		margin-top: 8rpx;

		width: 12rpx;
		height: 28rpx;
		background: #FF6936;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.form-list-head-msg-left {
		width: 202rpx;
		height: 44rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		text-align: left;
		font-style: normal;
		text-transform: none;
		margin-left: 40rpx;
	}

	.msg-wrap-msg {
		padding: 10rpx 0;
		display: flex;

		.uni-radio-gender-list {
			margin-left: 20rpx;
			flex: 1;
			margin-bottom: -30rpx;

			.uni-radio-wrapper .uni-radio-input {
				width: 62rpx !important;
				height: 62rpx !important;
			}
		}

		.msg-wrap-left {
			width: 160rpx;
			/* 设置固定宽度用于对齐 */
			font-weight: 500;
			font-size: 28rpx;
			color: #333;
			margin-top: 36rpx;
			margin-left: 34rpx;
			margin-right: -15rpx;
			/* 右边留点间距 */
			font-family: PingFang SC-Medium;
		}

		.msg-wrap-right-name {
			border-bottom: 2rpx solid rgba(#000000, 0.08);
			display: flex;
			flex-direction: row;
			align-items: center;
			padding-left: 20rpx;
			margin-top: 10rpx;
		}

		.msg-wrap-right-age {
			display: flex;
			align-items: center;
			padding-left: 20rpx;
			padding-bottom: 10rpx;
			border-bottom: 2rpx solid rgba(#000000, 0.08);
			border: 1px solid #e5e5e5;
			border-radius: 10rpx;
			background-color: #fff;
		}

		.msg-wrap-rightxb {
			justify-content: flex-end;

			view {
				width: 154rpx;
				height: 62rpx;
				background: #F1F8FF;
				border-radius: 12rpx;
				text-align: center;
				line-height: 62rpx;
				color: #C3C3C3;
				margin-left: 20rpx;
			}
		}

		.msg-wrap-right {
			flex: 1;
			display: flex;
			align-items: center;
			margin-top: -12rpx;
			// margin-bottom: -44rpx;


			input {
				font-size: 28rpx;
				text-align: right;
				width: 100%;
				height: 64rpx;
				border-radius: 10rpx;
				background-color: #fff;
				margin-bottom: -44rpx;
			}

			.msg-wrap-right-text {
				.msg-wrap-right-text-jt {
					margin-left: 20rpx;
				}

				font-size: 44rpx;
				color: #3C75F2;
				font-weight: 500;
			}
		}
	}

	.msg-wrap-msgd {
		margin-top: 30rpx;
		padding: 20rpx 0;
		display: flex;

		.uni-radio-gender-list {
			margin-left: 20rpx;
			flex: 1;

			.uni-radio-wrapper .uni-radio-input {
				width: 42rpx !important;
				height: 42rpx !important;
			}
		}

		.msg-wrap-left {
			width: 160rpx;
			/* 设置固定宽度用于对齐 */
			font-weight: 500;
			font-size: 28rpx;
			color: #333;
			margin-top: -1rpx;
			margin-left: 34rpx;
			margin-right: -15rpx;
			/* 右边留点间距 */
			font-family: PingFang SC-Medium;
		}

		.msg-wrap-right-name {
			border-bottom: 2rpx solid rgba(#000000, 0.08);
			display: flex;
			flex-direction: row;
			align-items: center;
			padding-left: 20rpx;

		}

		.msg-wrap-right-age {
			display: flex;
			align-items: center;
			padding-left: 20rpx;
			padding-bottom: 10rpx;
			border-bottom: 2rpx solid rgba(#000000, 0.08);
			border: 1px solid #e5e5e5;
			border-radius: 10rpx;
			background-color: #fff;
		}

		.msg-wrap-rightxb {
			justify-content: flex-end;

			view {
				width: 154rpx;
				height: 62rpx;
				background: #F1F8FF;
				border-radius: 12rpx;
				text-align: center;
				line-height: 62rpx;
				color: #C3C3C3;
				margin-left: 20rpx;
			}
		}

		.msg-wrap-right {
			flex: 1;
			display: flex;
			align-items: center;
			margin-top: -12rpx;
			// height: 30rpx;


			input {
				padding-top: -70rpx;
				font-size: 28rpx;
				text-align: right;
				width: 100%;
				height: 64rpx;
				border-radius: 10rpx;
				background-color: #fff;
			}

			.msg-wrap-right-text {
				.msg-wrap-right-text-jt {
					margin-left: 20rpx;
				}

				font-size: 44rpx;
				color: #3C75F2;
				font-weight: 500;
			}
		}
	}

	.picker-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10rpx;
		border: 1px solid #e5e5e5;
		border-radius: 10rpx;
		background-color: #fff;
		margin-top: 23rpx;
		width: 450rpx;
		height: 54rpx;
	}

	.placeholder {
		color: #ccc;
		font-size: 28rpx;
	}

	.selected {
		color: #333;
		font-size: 28rpx;
	}

	.arrow-down {
		font-size: 30rpx;
		color: #ccc;
	}


	//提交按钮
	.gobutton {
		background: #3C75F2;
		box-shadow: 0px 4px 15px 2px #B2CBEA;
		border-radius: 48px 48px 48px 48px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 90rpx;
		color: #ffffff;
		font-size: 40rpx;
		text-align: center;
	}

	.input-box {
		margin-top: 20rpx;
		height: 110rpx;
	}
</style>